<template>
  <div>
    <hr>
    <p>-----这是一个父组件v-model ----------{{ num }}</p>
    <!--
        和v-model的区别是:
            1.v-model在同一个组件上只能绑定一次
            2.sync可以同时绑定多次
        和v-model的相同点是:
            1.sync可以对组件进行双向绑定
            2.sync的用法也是一个语法糖
    -->
    <son :aa.sync="num" :cc.sync="num2" />
    <son :aa="num" @update:aa="val=>num=val" />
  </div>
</template>

<script>
import son from './son.vue'
export default {
  components: { son },
  data() {
    return {
      uname: 'zs',
      num: 100,
      num2: 200
    }
  }
}
</script>

  <style>
  </style>

